import styled from 'styled-components'
export const BackgroundContainer = styled.div`
  position: absolute;
  height: 100%;
  width: 100%;
  min-width: inherit;
  min-height: inherit; 
  user-select: none;
  z-index: -999;
  filter: blur(3.1px);
  overflow: hidden;
  transform: scale(1.1);
  .bg{
    position: relative;
    width: 100%;
    height: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    background-repeat: no-repeat;
  }
  .jianbian{
    background: #12c2e9;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f64f59, #c471ed, #12c2e9);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f64f59, #c471ed, #12c2e9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  }
`